 <template>
   <Card :shadow="shadow">
      <div class="card-name">
        <div class="name width1">基本信息</div>
      </div>
      <div class="content-con">
        <div class="bank-form">
          <div class="form-item">
            <Row :gutter="16">
              <i-col span="12">
                <Row>
                  <i-col span="8" class="ban-left">
                    银行卡号
                  </i-col>
                  <i-col span="16">
                    <i-input size="large" placeholder="输入银行卡号"></i-input>
                  </i-col>
                </Row>
              </i-col>
              <i-col span="12"></i-col>
            </Row>
            <Row :gutter="16">
              <i-col span="12">
                <Row>
                  <i-col span="8" class="ban-left">
                    开户名
                  </i-col>
                  <i-col span="16">
                    <i-input size="large" placeholder="输入用户登录名"></i-input>
                  </i-col>
                </Row>
              </i-col>
              <i-col span="12">
                <Row>
                  <i-col span="8" class="ban-left">
                    银行名称
                  </i-col>
                  <i-col span="16">
                    <i-input size="large" placeholder="输入密码"></i-input>
                  </i-col>
                </Row>
              </i-col>
            </Row>
            <Row :gutter="16">
              <i-col span="12">
                <Row>
                  <i-col span="8" class="ban-left">
                    设置金额
                  </i-col>
                  <i-col span="16">
                    <i-input size="large" placeholder="请输入金额"></i-input>
                  </i-col>
                </Row>
              </i-col>
              <i-col span="12"></i-col>
            </Row>
            <Row :gutter="16" style="padding-top: 15px;">
              <i-col span="12">
                <Row>
                  <i-col span="8" class="ban-left">
                    代付通道
                  </i-col>
                  <i-col span="16">
                    <i-select size="large" :model.sync="model1" placeholder="选择代付通道">
                      <i-option v-for="item in replaceList" :value="item.value">{{ item.label }}</i-option>
                    </i-select>
                  </i-col>
                </Row>
              </i-col>
              <i-col span="12">
                <Row>
                  <i-col span="8" class="ban-left">
                    通道子账户
                  </i-col>
                  <i-col span="16">
                    <i-select size="large" :model.sync="model2" placeholder="选择通道子账户">
                      <i-option v-for="item in childList" :value="item.value">{{ item.label }}</i-option>
                    </i-select>
                  </i-col>
                </Row>
              </i-col>
            </Row>
          </div>
        </div>
        <div class="ban-btn">
          <i-button class="save" size="large">保存</i-button>
          <i-button class="save" size="large" @click="btnClick">返回</i-button>
        </div>
      </div>
   </Card>

 </template>
 <script>

 export default {
   name: 'ban-edit',
   props:{
     shadow: {
       type: Boolean,
       default: false
     }
   },
   data() {
     return {
       value: '',
       replaceList: [
         {
           value: 'beijing',
           label: '选择代付通道'
         },
         {
           value: 'shanghai',
           label: 'xxx001 [1元0.7%/笔]'
         },
         {
           value: 'shenzhen',
           label: 'qin [0.1%]'
         },
         {
           value: 'hangzhou',
           label: '技术代付 [1元0.3%/笔]'
         },
         {
           value: 'nanjing',
           label: '手工代付 [0元/笔]'
         },
         {
           value: 'nanjing',
           label: '代付 [0元/笔]'
         }
       ],
       model1: '',
       childList: [
         {
           value: 'beijing',
           label: '选择通道子账户'
         },
         {
           value: 'shanghai',
           label: 'xxxx [25]'
         }
       ],
       model2: ''
     };
   },
   methods: {
     // 返回按钮
     btnClick(){
       this.$router.push({name:'bankCardList'})
     }
   }
 };
 </script>
 <style lang="less">
 </style>
